<!DOCTYPE html>
<html>

<head>
    <title>上海</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/swiper.css">
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="shortcut icon" href="favicon.ico" type="imge/x-icon">
    <style type="text/css">
        body {
            background: #eee;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #000;
            margin: 0;
            padding: 0;
        }
        
        #banner {
            height: 630px;
        }
        
        .swiper-container {
            width: 100%;
            height: 632px;
        }
        
        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        
        .zi {
            text-align: center;
            font-size: 25px;
        }
        
        .pi {
            font-size: 17px;
            text-indent: 2em;
        }
        
        .zi_w {
            text-align: center;
            height: 150px;
        }
    </style>
</head>

<body>
    <!-- 页面的顶部 -->
    <div id="top">
        <div class="container"></div>
    </div>
    <!-- 页面的头部 -->
    <div id="header">
        <div class="container">
            <div class="header_left left">
                <div class="xlwb"></div>
                <div class="txwb"></div>
                <div class="tel">4001-666-888</div>
            </div>
            <ul class="right">
                <li><a href="#">上海</a></li>
                <li><a href="#">旅游</a></li>
                <li><a href="#">攻略分享</a></li>
                <li><a href="#">帮助中心</a></li>
                <li class="shop_car"><span></span><a href="#">我的查看</a></li>
            </ul>
        </div>
    </div>
    <!-- 页面的导航 -->
    <div id="nav">
        <div class="container">
            <div class="logo left">
                <img src="img/logo.jpg" width="100px" height="100px">
            </div>

            <ul class="right">
                <li><a href="index.html">首页</a></li>
                <li><a href="#">旅游攻略</a></li>
                <li><a href="#">机票火车票</a></li>
                <li><a href="#">订酒店</a></li>
                <li><a href="#">社区</a></li>
            </ul>
        </div>
    </div>
    <!-- 页面的banner部分 -->
    <div id="banner">
        <!-- <div class="container"></div> -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="img/shanghai.jpg" width="100%;" height="630"></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
        <div class="banner-nav-bg"></div>
    </div>
    <!-- 页面的部分 -->
    <div>
        <div class="ztb">
            <h1 class="curry">让我们一起相遇在上海吧！</h1>
        </div>
    </div>
    <div id="star">
        <div class="container">
            <div class="star_top">
            </div>
            <ul>
                <li>
                    <div>
                        <img src="img/sh.jpg">
                    </div>
                    <h2>N1</h2>
                    <p class="money">上海外滩<span></span></p>
                </li>
                <li class="line"></li>
                <li>
                    <div>
                        <img src="img/sh01.jpg">
                    </div>
                    <h2>N2</h2>
                    <p class="money">上海豫园<span></span></p>
                </li>
                <li class="line"></li>
                <li>
                    <div>
                        <img src="img/sh02.jpg">
                    </div>
                    <h2>N3</h2>

                    <p class="money">上海南京路<span></span></p>
                </li>
                <li class="line"></li>
                <li>
                    <div>
                        <img src="img/sh03.jpg">
                    </div>
                    <h2>N4</h2>

                    <p class="money">上海博物馆<span></span></p>
                </li>
            </ul>
        </div>
    </div>
    <!-- 页面的精选部分 -->
    <div>
        <h1 class="zi">1.外滩</h1>
        <div class="zi_w">
            <p class="pi">滩（英文：The Bund；上海话拼音：nga thae），位于上海市黄浦区的黄浦江畔，即外黄浦滩，为中国历史文化街区。1844年（清道光廿四年）起，外滩这一带被划为英国租界，成为上海十里洋场的真实写照，也是旧上海租界区以及整个上海近代城市开始的起点。 外滩全长1.5公里，南起延安东路，北至苏州河上的外白渡桥，东面即黄浦江，西面是旧上海金融、外贸机构的集中地。上海辟为商埠以后，外国的银行、商行、总会、报社开始在此云集，外滩成为全国乃至远东的金融中心。民国三十二年（1943年）8月，外滩随交还上海公共租界于汪伪国民政府，结束长达百年的租界时期，于民国三十四年（1945年）拥有正式路名中山东一路。
                外滩矗立着52幢风格迥异的古典复兴大楼，素有外滩万国建筑博览群之称，是中国近现代重要史迹及代表性建筑，上海的地标之一。1996年11月，国务院将其列入第四批全国重点文物保护单位。与外滩隔江相对的浦东陆家嘴，有上海标志性建筑东方明珠、金茂大厦、上海中心大厦、上海环球金融中心等，成为中国改革开放的象征和上海现代化建设的缩影。
            </p>
        </div>
        <ul>

            <li>
                <div class="tp">
                    <img src="img/sh0101.jpg" width="800px" height="547px">
                </div>
            </li>
        </ul>
    </div>
    <div class="di">
        <h1 class="zi">2.豫园</h1>
        <div class="zi_w">
            <p class="pi">豫园原是明代的一座私人园林，始建于明代，截止2015年已 豫园风景 豫园风景 有四百余年历史。 园主人四川布政使潘允端从1559年（明嘉靖己未年）起，在潘家住宅世春堂西面的几畦菜田上建造园林。经过二十余年的苦心经营，建成了豫园。“豫”有“平安”、“安泰”之意，取名“豫园”，有“豫悦老亲”的意思。 豫园当时占地七十余亩，由明代造园名家张南阳设计，并亲自参与施工。古人称赞豫园“奇秀甲于东南”，“东南名园冠”。 潘允端晚年家道中落。1601年（明万历二十九年）潘允端去世，潘氏家庭日趋衰微，无力承担园林修缮和管理所需的巨大开支。明朝末年，豫园为张肇林所得。其后至1760年（清乾隆二十五年），为不使这一名胜湮没，当地的一些富商士绅聚款购下豫园，并花了二十多年时间，重建楼台，增筑山石。因当时城隍庙东已有东园，即今内园，豫园地稍偏西，遂改名为西园。
            </p>
        </div>
        <ul>

            <li>
                <div class="tp">
                    <img src="img/sh0102.jpg" width="800px" height="547px">
                </div>
            </li>
        </ul>
    </div>
    <div class="di">
        <h1 class="zi">3.南京路</h1>
        <div class="zi_w">
            <p class="pi">上海的南京路是上海开埠后最早建立的一条商业街。它东起外滩、西迄延安西路，横跨静安、黄浦两区，全长5.5公里，以西藏中路为界分为东西两段。1945年，国民政府从列强手上回收所有租界后将南京路改名南京东路，静安寺路改名南京西路。故广义的南京路包括上海十大商业中心中的两个：南京东路与南京西路——南京东路（包括南京路步行街）主要是平价商业区和旅游区；而南京西路（包括静安寺地区）则是中国商铺租金最高也是全上海最奢华的时尚商业街区，以奢侈品和高端个性消费为主。狭义的南京路即1945年以前的南京路则专指今天的南京东路。
                南京西路则是和今天淮海中路并肩齐名的上海顶级商业街区。老上海南京路的四大百货公司创亚洲百货业无数先河：最早在百货公司使用自动扶梯，最早在百货公司使用空调系统，最早开具收据，最早服务人员着统一制服，最早将百货公司与其他餐饮影院、赌场、杂耍场等业态融为一体等待。传统与现代的交织为这条百年老街增添了别样的魅力。这里是万商云集的宝地，是上海对外开放窗口 也是国内外购物者的天堂。
            </p>
        </div>
        <ul>

            <li>
                <div class="tp">
                    <img src="img/sh0103.jpg" width="800px" height="547px">
                </div>
            </li>
        </ul>
    </div>
    <div class="di">
        <h1 class="zi">4.上海博物馆</h1>
        <div class="zi_w">
            <p class="pi">上海博物馆创建于1952年，原址南京西路325号旧跑马总会，1959年10月迁入河南南路16号中汇大楼，现址上海市中心人民广场的南侧黄浦区人民大道201号。 [1] 1993年8月，上海博物馆新馆开工建设，1996年10月12日全面建成开放。上海博物馆建筑总面积39200平方米，占地面积1.1万平方米，地下二层，地上五层，高29.5米，总投资5.7亿元。新馆是方体基座与圆形出挑相结合的建筑造型，具有中国“天圆地方”的寓意。馆名“上海博物馆”为上海第一任市长陈毅书写。 [2]
                上海博物馆设有11个专馆，3个展览厅，陈列面积2,800平方米。馆藏文物近百万件，其中精品文物12万件，其中尤其是以青铜器、陶瓷器、书法、绘画为特色。收藏了来自宝鸡及河南、湖南等地的青铜器，有文物界“半壁江山”之誉，是一座大型的中国古代艺术博物馆。
            </p>
        </div>

        <ul>

            <li>
                <div class="tp">
                    <img src="img/sh0104.jpg" width="800px" height="547px">
                </div>
            </li>
        </ul>
    </div>

    <!-- 页面的服务部分 -->
    <div id="serve">
        <div class="container">
            <ul>
                <li>
                    <dl>
                        <dt></dt>
                        <dd class="dd1">正规保障</dd>
                        <dd class="dd2">所以的线路都是认真筛选的</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt></dt>
                        <dd class="dd1">正规保障</dd>
                        <dd class="dd2">所以的线路都是认真筛选的</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt></dt>
                        <dd class="dd1">正规保障</dd>
                        <dd class="dd2">所以的线路都是认真筛选的</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt></dt>
                        <dd class="dd1">正规保障</dd>
                        <dd class="dd2">所以的线路都是认真筛选的</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt></dt>
                        <dd class="dd1">正规保障</dd>
                        <dd class="dd2">所以的线路都是认真筛选的</dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <!-- 页面的服务部分 -->
    <div id="after_sale">
        <div class="container">
            <ul>
                <li>
                    <ol>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">关于霞客</a></li>
                        <li><a href="#">新闻中心</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ol>
                </li>
                <li>
                    <ol>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">关于霞客</a></li>
                        <li><a href="#">新闻中心</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ol>
                </li>
                <li>
                    <ol>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">关于霞客</a></li>
                        <li><a href="#">新闻中心</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ol>
                </li>
                <li>
                    <ol>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">关于霞客</a></li>
                        <li><a href="#">新闻中心</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ol>
                </li>
                <li>
                    <ol>
                        <li><span class="xl"></span><a href="#">新浪微博</a></li>
                        <li><span class="xl"></span><a href="#">腾讯微博</a></li>
                        <li><span class="xl"></span><a href="#">人人网</a></li>
                        <li><span class="xl"></span><a href="#">QQ空间</a></li>
                    </ol>
                </li>
                <li>
                    <ol>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">关于霞客</a></li>
                        <li><a href="#">新闻中心</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ol>
                </li>
            </ul>
        </div>
    </div>
    <!-- 页面的底部 -->
    <div id="footer">
        <div class="container">
            <p>

                <span>@2020 南昌市xxxxxxx</span>
                <a href="#">版权说明</a>
                <a href="#">版权说明</a>
                <a href="#">版权说明</a>
                <a href="#">版权说明</a>
                <a href="#">版权说明</a>
            </p>
        </div>
    </div>


</body>

</html>